<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/loading.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/style.css"/>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        });
        $(function () {
            $.get("/buys/" + 3, function (data) {
                console.log(data);
                $(".buys").renderValues(data, {
                        'setHref': function (item, value) {
                            $(item).attr("href", $(item).attr("href") + value)
                        }
                    }
                );
                $(".delete").click(function () {
                    $.get("/buys/" + params.id + "/deletes", function (data) {
                        if (data.success) {
                        } else {
                            $.alert(data.msg)
                        }
                    })
                })
            });
            var params = getParams();
            $.get("/buys/" + 3 + "/prices", function (data) {
                $(".shop-go").renderValues(data)
            })
        })
    </script>
</head>
<body>
<header class="page-header">
    <h3>购物车</h3>
</header>

<div class="contaniner fixed-contb buys">
    <div render-loop="list">
        <section class="shopcar">
            <figure><a href="detail.html?id=" render-fun="setHref" render-key="list.commodity.id"><img
                    render-src="list.commodity.picture"/> </a></figure>
            <dl>
                <dt render-html="list.commodity.name"></dt>
                <dd>颜色:<p render-html="list.commodity.color"></p></dd>
                <dd>尺寸:</dd>
                <dd render-html="list.commodity.size"></dd>
                <h3 render-html="list.commodity.discountPrice"></h3>
                <a href="stroeCart.html?id=" render-fun="setHref" render-key="list.id"><img
                        src="/img/store/shopcar-icon01.png" class="delete"/></a>
            </dl>
        </section>
    </div>

    <!--去结算-->
    <div style="margin-bottom: 16%;"></div>

</div>
<script type="text/javascript">
    $(".shopcar-checkbox label").on('touchstart', function () {
        if ($(this).hasClass('shopcar-checkd')) {
            $(".shopcar-checkbox label").removeClass("shopcar-checkd")
        } else {
            $(".shopcar-checkbox label").addClass("shopcar-checkd")
        }
    })
</script>
<footer class="page-footer fixed-footer">
    <div class="shop-go">
        <b render-html="price"></b>
        <span><a href="buy.html">去结算</a></span>
    </div>
    <ul>
        <li>
            <a href="/mine/store/storeHome.html">
                <img src="/img/store/footer001.png"/>
                <p>商城首页</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroeProduct.html">
                <img src="/img/store/footer002.png"/>
                <p>产品分类</p>
            </a>
        </li>
        <li class="active">
            <a href="/mine/store/stroeCart.html">
                <img src="/img/store/footer03.png"/>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroepersonal.html">
                <img src="/img/store/footer004.png"/>
                <p>会员中心</p>
            </a>
        </li>
    </ul>
</footer>


</body>
</html>